<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en" class="no-js">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
    <meta charset="utf-8"/>
    <title>后台管理系统</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1" name="viewport"/>
    <meta content="" name="description"/>
    <meta content="" name="author"/>
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="assets/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/>
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN PAGE LEVEL PLUGIN STYLES -->
    <!-- 页面用到的插件样式放在这里 -->

    <!-- 页面插件这里结束 -->
    <!-- END PAGE LEVEL PLUGIN STYLES -->
    <!-- BEGIN THEME STYLES -->
    <link href="assets/css/1.0.0/plugins/style-metronic.css" rel="stylesheet" type="text/css"/>
    <link href="assets/css/1.0.0/plugins/style.css" rel="stylesheet" type="text/css"/>
    <link href="assets/css/1.0.0/plugins/style-responsive.css" rel="stylesheet" type="text/css"/>
    <link href="assets/css/1.0.0/plugins/plugins.css" rel="stylesheet" type="text/css"/>
    <link href="assets/css/1.0.0/plugins/themes/default.css" rel="stylesheet" type="text/css" id="style_color"/>
    <link href="assets/css/1.0.0/common/print.css" rel="stylesheet" type="text/css" media="print"/>
    <link href="assets/css/1.0.0/common/common.css" rel="stylesheet" type="text/css"/>
    <!-- END THEME STYLES -->
   
    <!-- 页面上的样式放这里 -->
    <link href="assets/css/1.0.0/modules/login.css" rel="stylesheet" type="text/css"/>
    <!-- 页面上的样式结束 -->
</head>



<body class="login">
<!-- BEGIN LOGO -->
<div class="logo">
    <h2 style="color: #FFFFFF;">后台管理系统</h2>
</div>
<!-- END LOGO -->
<!-- BEGIN LOGIN -->
<div class="content">
    <!-- BEGIN LOGIN FORM -->
    <form:form modelAttribute="LoginEntity" method="post">  
        <h3 class="form-title">帐号登录</h3>
        <c:if test="${error!=null}">
        <div class="alert alert-error">
            <button class="close" data-dismiss="alert"></button>
            <span>${error}</span>
        </div>
        </c:if>
        <div class="validation-summary-valid" data-valmsg-summary="true"><ul><li style="display:none"></li>
        </ul></div>
        <div class="form-group">
            <!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
            <label class="control-label visible-ie8 visible-ie9">用户名</label>
            <div class="input-icon">
                <i class="fa fa-user"></i>
                <input autocomplete="off" class="form-control placeholder-no-fix noSpecialChar" id="username" name="username" placeholder="用户名" type="text" value="" />
				
            </div>
            
            <span >
            <form:errors path="username"></form:errors>
            </span>
            
        </div>
        <div class="form-group">
            <label class="control-label visible-ie8 visible-ie9">密码</label>
            <div class="input-icon">
                <i class="fa fa-lock"></i>
                <input autocomplete="off" class="form-control placeholder-no-fix" data-val="true" data-val-required="Password 字段是必需的。" id="password" name="password" placeholder="密码" type="password" />
                <form:errors path="password"></form:errors>
            </div>
        </div>
        <div class="form-actions">
            <label class="checkbox">
                <input class="check-box" data-val="true" data-val-required="RememberMe 字段是必需的。" id="RememberMe" name="RememberMe" type="checkbox" value="true" /><input name="RememberMe" type="hidden" value="false" /> 记住我
            </label>
            <button type="submit" class="btn green pull-right">
                登&nbsp;&nbsp;录 <i class="m-icon-swapright m-icon-white"></i>
            </button>
        </div>
        <div class="forget-password">
            <h4>忘记密码 ?</h4>
            <p>
                请联系管理员重置密码。
            </p>
        </div>
 </form:form> 
   
    
</div>
<!-- END LOGIN -->
<!-- BEGIN COPYRIGHT -->
<div class="copyright">
    2014 &copy; Metronic. Admin Dashboard Template.
</div>
<!-- END COPYRIGHT -->

<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
<!-- BEGIN CORE PLUGINS -->
<!--[if lt IE 9]>
<script src="assets/plugins/respond.min.js"></script>
<script src="assets/plugins/excanvas.min.js"></script>
<![endif]-->
<script src="assets/plugins/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="assets/plugins/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
<!-- IMPORTANT! Load jquery-ui-1.10.3.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
<script src="assets/plugins/jquery-ui/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
<script src="assets/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="assets/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
<script src="assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
<script src="assets/plugins/jquery.blockui.min.js" type="text/javascript"></script>
<script src="assets/plugins/jquery.cokie.min.js" type="text/javascript"></script>
<script src="assets/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
<!-- END CORE PLUGINS -->
<!-- BEGIN PAGE LEVEL PLUGINS -->

<script src="assets/plugins/bootstrap-modal/js/bootstrap-modalmanager.js"></script>
<script src="assets/plugins/bootstrap-modal/js/bootstrap-modal.js"></script>
<script src="assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
<script src="assets/plugins/bootstrap-datepicker/js/locales/bootstrap-datepicker.zh-CN.js"></script>

<!-- END PAGE LEVEL PLUGINS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<!-- 页面层级的js文件引用 -->
<script src="assets/scripts/1.0.0/core/app.js" type="text/javascript"></script>
<script src="assets/scripts/1.0.0/custom/custom.js" type="text/javascript"></script>
<script src="assets/scripts/1.0.0/custom/admin.js" type="text/javascript"></script>

<!-- END PAGE LEVEL SCRIPTS -->
<!-- 页面内联js -->
<script>
    jQuery(document).ready(function() {
        App.init();
        Custom.init();
        Admin.init();
    });
</script>
</body>
</html>